<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/html">
<head>
    <title></title>

    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <link rel="stylesheet" type="text/css" href="../stylesheets/reset.css"/>
    <link rel="stylesheet" type="text/css" href="../stylesheets/new_css/common.css"/>
    <link rel="stylesheet" type="text/css" href="../stylesheets/new_css/home.css">
    <script type="text/javascript" src="../javascripts/jquery-2.0.js"></script>
    <script type="text/javascript" src="../javascripts/new/home.js"></script>
</head>
<body>
    <div id="header">
        <div class="top">
            <div class="content clearfix">
                <span class="float-left">
                    <span>移动客户端</span>
                    <span class="announcement">公告</span>
                </span>
                <span class="float-right">
                    <span><a>登入</a>&nbsp;|&nbsp;<a>注册</a></span>
                    <span class="help-center"><a>帮助中心</a></span>
                    <span class="contect-us">
                        <span class="tag">联系我们</span>
                        <div class="contect-us-popup-detail">
                            <table>
                                <tr>
                                    <td><img src="../images/new/code-img.png" class="code-img-style" alt="" width="80" height="80"></td>
                                    <td class="cutline" style="width: 70%;">
                                        <div class="right-detail-info">
                                            <span class="work-time">客服热线（工作日9:00-18:00）</span>
                                            <img class="hotline"  src="../images/new/hotline.png" width="175" height="22"/>
                                            <div class="contect-us-icon">
                                                <img src="../images/new/weibo_dark.png" width="34" height="34">
                                                <img src="../images/new/qq_dark.png" width="34" height="34">
                                                <img src="../images/new/wechat_dark.png" width="34" height="34">
                                                <img src="../images/new/email_dark.png" width="34" height="34">
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                     </span>
                </span>
            </div>
        </div>
        <div id="nav-container" class="clearfix">
            <span class="float-left"><img src="../images/new/logo.png" width="150" height="50"></span>
            <span class="nav float-right">
                <ul>
                    <li>首&nbsp;&nbsp;页</li>
                    <li>新手引导</li>
                    <li>安全保障</li>
                    <li>关于我们</li>
                    <li class="highlight-item">我要理财</li>
                    <li class="highlight-item">我的财富</li>
                </ul>
            </span>
        </div>
    </div>
    <!-- 大广告 -->
    <div class="adv_banner" id="banner">
        <!--首页图片轮换添加div层(其它内容是原来的)-->
        <div class="scroll-box">
            <div id="loginForm" class="clearfix home-login-container">
                <!--
                <form class="clearfix" >
                    <input type="text" name="name" placeholder="手机号/用户名" value=""/>
                    <input type="password" name="password" placeholder="登入密码"/>
                    <div>
                        <input id="code" type="text" value="" name="code" style="width: 40%;margin-right: 0;" placeholder="验证码">
                        <input id="randomID" type="hidden" name="randomID" value="29ce6bd1-d88c-4470-a707-978793114b28">
                        <img id="img" style="width: 35%; margin-left: 0;margin-top: -5px;" class="xf_login_yzmimg" width="65px" height="29px" onclick="change()" src="/front/account/getImg?id=29ce6bd1-d88c-4470-a707-978793114b28">
                    </div>
                    <a class="submit-btn" onclick="login()">登录</a>
                </form>
                <div>
                    <span>
                        <a href="@{front.account.loginAndRegisterAction.register()}" class="register">立即注册</a>
                    </span>
                </div>
                -->
                <div class="unregister-form">
                    <p>
                        安全、稳健、高收益
                    </p>
                    <p>
                        新注册用户更享好礼
                    </p>
                    <a class="register-btn">10秒免费注册</a>
                    <a href="#" class="login-btn">立即登入</a>
                </div>

            </div>
            <!--banner start-->
            <ul class="banul" id="banul">
                <li>
                    <a style="cursor: default;">
                        <img src="../images/front_ad_1.png" alt="广告" onerror="this.src='/public/images/default.png'"/>
                    </a>
                </li>
                <li>
                    <a style="cursor: default;">
                        <img src="../images/front_ad_2.png" alt="广告" onerror="this.src='/public/images/default.png'"/>
                    </a>
                </li>

                <li>
                    <a style="cursor: default;">
                        <img src="../images/front_ad_3.png" alt="广告" onerror="this.src='/public/images/default.png'"/>
                    </a>
                </li>

                <li>
                    <a style="cursor: default;">
                        <img src="../images/front_ad_4.png" alt="广告" onerror="this.src='/public/images/default.png'"/>
                    </a>
                </li>

                <li>
                    <a style="cursor: default;" >
                        <img src="../images/front_ad_5.png" alt="广告" onerror="this.src='/public/images/default.png'"/>
                    </a>
                </li>
            </ul>
            <!--banner end-->
        </div>
    </div>

    <div id="main">
        <div class="main-top" >
            <div id="records">
                <table>
                    <tr>
                        <td>
                            <div><div class="user_number_icon"></div>客户数量：<div class="number">150，000</div></div>
                        </td>
                        <td>
                            <div><div class="trade_volume_icon"></div>累计成交量：15，000,000</div>
                        </td>
                        <td>
                            <div><div class="risk_fund_icon"></div>准备风险金：15，000，000</div>
                        </td>
                    </tr>
                </table>
            </div>

            <div id="announcement">
                <p>
                    公告：尊敬的用户，金豆荚已经登陆各大应用市场，包括APP STORE,腾讯应用宝，360手机助手，百度手机助手，91手机助手，安卓市场，小米用用商店等等等等等等等等等等等等等等等等等等等等等等
                </p>
                <div class="more">
                    <a>更多</a>
                </div>
            </div>
        </div>
        <div class="main-middle">
            <div id="prodList">
                <ul class="clearfix">
                    <li>
                        <div class="item">
                            <div class="top">
                                <p>展义宝安逸1号OL004</p>
                                <span class="income-rate">预期年化</span>
                                <div class="rate">
                                    <span>12</span>
                                    <label>%</label>
                                </div>
                                <div class="new_icon"></div>
                                <div class="prod-type-layout gong-icon"></div>
                            </div>
                            <div class="middle">
                                <p class="amount">融资金额：<span>300,000</span>元</p>
                                <div class="progress-bar">
                                    <div class="progress-ing">&nbsp;</div>
                                </div>
                                <div class="progress-detail clearfix">
                                    <p class="float-left">已融资<span>50%</span></p>
                                    <p class="float-right">剩余融资：<span>145,000元</span></p>
                                </div>
                                <div class="item-require">
                                    <table>
                                        <tr>
                                            <td>
                                                <p>起购金额</p>
                                                <p class="number">1000元</p>
                                            </td>
                                            <td class="cutline">
                                                <p>项目期限</p>
                                                <p class="number">120天</p>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="bottom">
                                <button class="bids-btn">立即投标</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <div class="top">
                                <p>展义宝安逸1号OL004</p>
                                <span class="income-rate">预期年化</span>
                                <div class="rate">
                                    <span>12</span>
                                    <label>%</label>
                                </div>
                                <div class="prod-type-layout ya-icon"></div>
                            </div>
                            <div class="middle">
                                <p class="amount">融资金额：<span>300,000</span>元</p>
                                <div class="progress-bar">
                                    <div class="">&nbsp;</div>
                                </div>
                                <div class="progress-detail clearfix">
                                    <p class="float-left">已融资<span>0%</span></p>
                                    <p class="float-right">剩余融资：<span>145,000元</span></p>
                                </div>
                                <div class="item-require">
                                    <table>
                                        <tr>
                                            <td>
                                                <p>起购金额</p>
                                                <p class="number">1000元</p>
                                            </td>
                                            <td class="cutline">
                                                <p>项目期限</p>
                                                <p class="number">120天</p>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="bottom clearfix">
                                <span class="text-panel">2时 24分 30秒后起头</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <div class="top">
                                <p>展义宝安逸1号OL004</p>
                                <span class="income-rate">预期年化</span>
                                <div class="rate">
                                    <span>12</span>
                                    <label>%</label>
                                </div>
                                <div class="prod-type-layout zhan-icon"></div>
                            </div>
                            <div class="middle">
                                <p class="amount">融资金额：<span>300,000</span>元</p>
                                <div class="progress-bar">
                                    <div class="">&nbsp;</div>
                                </div>
                                <div class="progress-detail clearfix">
                                    <p class="float-left">已融资<span>0%</span></p>
                                    <p class="float-right">剩余融资：<span>145,000元</span></p>
                                </div>
                                <div class="item-require">
                                    <table>
                                        <tr>
                                            <td>
                                                <p>起购金额</p>
                                                <p class="number">1000元</p>
                                            </td>
                                            <td class="cutline">
                                                <p>项目期限</p>
                                                <p class="number">120天</p>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="bottom clearfix">
                                <span class="text-panel">2时 24分 30秒后起头</span>
                            </div>
                        </div>
                    </li>
                    <li class="border-li">
                        <div class="item">
                            <div class="top">
                                <p>展义宝安逸1号OL004</p>
                                <span class="income-rate">预期年化</span>
                                <div class="rate">
                                    <span>12</span>
                                    <label>%</label>
                                </div>
                                <div class="prod-type-layout zi-icon"></div>
                            </div>
                            <div class="middle">
                                <p class="amount">融资金额：<span>300,000</span>元</p>
                                <div class="progress-bar">
                                    <div class="">&nbsp;</div>
                                </div>
                                <div class="progress-detail clearfix">
                                    <p class="float-left">已融资<span>0%</span></p>
                                    <p class="float-right">剩余融资：<span>145,000元</span></p>
                                </div>
                                <div class="item-require">
                                    <table>
                                        <tr>
                                            <td>
                                                <p>起购金额</p>
                                                <p class="number">1000元</p>
                                            </td>
                                            <td class="cutline">
                                                <p>项目期限</p>
                                                <p class="number">120天</p>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="bottom clearfix">
                                <span class="text-panel">2时 24分 30秒后起头</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <div class="top">
                                <p>展义宝安逸1号OL004</p>
                                <span class="income-rate">预期年化</span>
                                <div class="rate">
                                    <span>12</span>
                                    <label>%</label>
                                </div>
                                <div class="prod-type-layout zhai-icon"></div>
                            </div>
                            <div class="middle">
                                <p class="amount">融资金额：<span>300,000</span>元</p>
                                <div class="progress-bar">
                                    <div class="sellout-icon"></div>
                                    <div class="progress-finished">&nbsp;</div>
                                </div>
                                <div class="progress-detail clearfix">
                                    <p>融资成功</p>
                                </div>
                                <div class="item-require">
                                    <table>
                                        <tr>
                                            <td>
                                                <p>起购金额</p>
                                                <p class="number">1000元</p>
                                            </td>
                                            <td class="cutline">
                                                <p>项目期限</p>
                                                <p class="number">120天</p>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="bottom clearfix">
                                <a class="text-panel">还款中，点击查看详情</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <div class="top">
                                <p>展义宝安逸1号OL004</p>
                                <span class="income-rate">预期年化</span>
                                <div class="rate">
                                    <span>12</span>
                                    <label>%</label>
                                </div>
                                <div class="prod-type-layout piao-icon"></div>
                            </div>
                            <div class="middle">
                                <p class="amount">&nbsp;</p>
                                <div class="progress-bar">
                                    <div class="refund-ing-icon"></div>
                                    <div class="progress-refund">&nbsp;</div>
                                </div>
                                <div class="progress-detail clearfix">
                                    <p>融资成功</p>
                                </div>
                                <div class="item-require">
                                    <table>
                                        <tr>
                                            <td>
                                                <p>起购金额</p>
                                                <p class="number">1000元</p>
                                            </td>
                                            <td class="cutline">
                                                <p>项目期限</p>
                                                <p class="number">120天</p>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="bottom clearfix">
                                <a class="text-panel">还款中，点击查看详情</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <div class="top">
                                <p>展义宝安逸1号OL004</p>
                                <span class="income-rate">预期年化</span>
                                <div class="rate">
                                    <span>12</span>
                                    <label>%</label>
                                </div>
                                <div class="prod-type-layout bao-icon"></div>
                            </div>
                            <div class="middle">
                                <p class="amount">&nbsp;</p>
                                <div class="progress-bar">
                                    <div class="refund-ing-icon"></div>
                                    <div class="progress-refund">&nbsp;</div>
                                </div>
                                <div class="progress-detail clearfix">
                                    <p>融资成功</p>
                                </div>
                                <div class="item-require">
                                    <table>
                                        <tr>
                                            <td>
                                                <p>起购金额</p>
                                                <p class="number">1000元</p>
                                            </td>
                                            <td class="cutline">
                                                <p>项目期限</p>
                                                <p class="number">120天</p>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="bottom clearfix">
                                <a class="text-panel">还款中，点击查看详情</a>
                            </div>
                        </div>
                    </li>
                    <li class="border-li">
                        <div class="item">
                            <div class="top">
                                <p>展义宝安逸1号OL004</p>
                                <span class="income-rate">预期年化</span>
                                <div class="rate">
                                    <span>12</span>
                                    <label>%</label>
                                </div>
                                <div class="prod-type-layout gong-icon"></div>
                            </div>
                            <div class="middle">
                                <p class="amount">&nbsp;</p>
                                <div class="progress-bar">
                                    <div class="refund-ing-icon"></div>
                                    <div class="progress-refund">&nbsp;</div>
                                </div>
                                <div class="progress-detail clearfix">
                                    <p>融资成功</p>
                                </div>
                                <div class="item-require">
                                    <table>
                                        <tr>
                                            <td>
                                                <p>起购金额</p>
                                                <p class="number">1000元</p>
                                            </td>
                                            <td class="cutline">
                                                <p>项目期限</p>
                                                <p class="number">120天</p>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="bottom clearfix">
                                <a class="text-panel">还款中，点击查看详情</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div id="main-bottom">
            <div class="info-panel clearfix">
                <div class="info-panel-container float-left ">
                    <div class="title-header clearfix">
                        <span class="title-name float-left">媒体报道</span>
                        <span class="more-info float-right"><a>更多</a></span>
                    </div>
                    <div class="info-list">
                        <ul>
                            <li>
                                <a class="news-title">一二三四五六七八九十一二三四五六七八九十一二三四五六</a>
                                <span class="publish-date">2015-04-11</span>
                            </li>
                            <li>
                                <a class="news-title">一二三四五六七八九十一二三四五六七八九十一二三四五六</a>
                                <span class="publish-date">2015-04-11</span>
                            </li>
                            <li>
                                <a class="news-title">一二三四五六七八九十一二三四五六七八九十一二三四五六</a>
                                <span class="publish-date">2015-04-11</span>
                            </li>
                            <li>
                                <a class="news-title">一二三四五六七八九十一二三四五六七八九十一二三四五六</a>
                                <span class="publish-date">2015-04-11</span>
                            </li>
                            <li>
                                <a class="news-title">一二三四五六七八九十一二三四五六七八九十一二三四五六</a>
                                <span class="publish-date">2015-04-11</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="info-panel-container info-panel-gap float-right clearfix">
                    <div class="title-header clearfix">
                        <span class="title-name float-left">最新动态</span>
                        <span class="more-info float-right"><a>更多</a></span>
                    </div>
                    <div class="info-list">
                        <ul>
                            <li>
                                <a class="news-title">一二三四五六七八九十一二三四五六七八九十一二三四五六</a>
                                <span class="publish-date">2015-04-11</span>
                            </li>
                            <li>
                                <a class="news-title">一二三四五六七八九十一二三四五六七八九十一二三四五六</a>
                                <span class="publish-date">2015-04-11</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="partner clearfix">
                <p>合作伙伴</p>
                <div>
                    <a class="list-index-0"><img src="../images/images/banks/bank_01.png" alt=""></a>
                    <a><img src="../images/images/banks/bank_02.png" alt=""></a>
                    <a><img src="../images/images/banks/bank_03.png" alt=""></a>
                    <a><img src="../images/images/banks/bank_04.png" alt=""></a>
                    <a><img src="../images/images/banks/bank_05.png" alt=""></a>
                    <a><img src="../images/images/banks/bank_06.png" alt=""></a>
                    <a><img src="../images/images/banks/bank_07.png" alt=""></a>
                </div>
                <div style="margin: 0 auto;">
                    <a >查看全部保障机构</a>
                </div>
            </div>
        </div>
        <div class = "float-div">
            <div id="twoDimensionalCode">
                <div class="twoDimensionalCode-title">
                    下载手机客户端
                </div>
                <div class="twoDimensionalCode-container">
                    <div class="code-image"></div>
                </div>
                <div class="mobile-icon-container">
                    <table>
                        <tr>
                            <td class="split-line">
                                <div>
                                    <img src="../images/new/iphone.png" width="40" height="40" alt="">
                                    <p>APP Store</p>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <img src="../images/new/android.png" width="40" height="40" alt="">
                                    <p>Android</p>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="toolbar">
                <div class="telephone-icon"></div>
                <div class="qq-icon"></div>
                <div class="calculate-icon"></div>
                <div class="return-top-icon"></div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="company-info clearfix">
            <div class="company-detail  float-left">
                <div>
                    <ul>
                        <li>关于我们</li>
                        <li>|</li>
                        <li>新手指引</li>
                        <li>|</li>
                        <li>帮助中心</li>
                        <li>|</li>
                        <li>安全保障</li>
                        <li>|</li>
                        <li>加入我们</li>
                        <li>|</li>
                        <li>联系我们</li>
                        <li>|</li>
                        <li>集团公司</li>
                    </ul>
                </div>
                <div class="site-info">
                    <span>上海展义金融信息服务有限公司</span>
                    <span>沪ICP备14043505号</span>
                </div>
                <p>
                    总部地址：上海市徐汇区瑞宁路899号上海阳光滨江中心6楼
                </p>
            </div>
            <div class="customer-service float-right">
                <div class="right-detail-info">
                    <div class="work-time">客服热线（工作日9:00-18:00）</div>
                    <img class="hotline"  src="../images/new/hotline.png" width="175" height="22"/>
                    <div class="contect-us-icon">
                        <img src="../images/new/weibo_dark.png" width="34" height="34">
                        <img src="../images/new/qq_dark.png" width="34" height="34">
                        <img src="../images/new/wechat_dark.png" width="34" height="34">
                        <img src="../images/new/email_dark.png" width="34" height="34">
                    </div>
                </div>
            </div>
        </div>
        <div class="security-background">
            <div class="security-container clearfix" style="">
                <div class="float-left copyright">
                    <img src="../images/new/police-icon.png" class="float-left" width="34" height="34"/>
                    <div class="float-left" style="display: inline;">
                        <p>沪ICP备14043505号</p>
                        <p>Copyright © 2015 展义金融 All rights reserved</p>
                    </div>
                </div>
                <div class="float-right verify-img">
                    <img src="../images/new/security-icons/credit_web.png" width="90" height="32">
                    <img src="../images/new/security-icons/norton.png" width="90" height="32">
                    <img src="../images/new/security-icons/chinese_internet.png" width="90" height="32">
                    <img src="../images/new/security-icons/chinese_IQNET.png" width="90" height="32">
                    <img src="../images/new/security-icons/trusted_web.png" width="90" height="32">
                </div>
            </div>
        </div>
    </div>
</body>
</html>